<gm:page title="Presidential Feeds" authenticate="false">
  <!-- Data Declarations -->
  <gm:data id="bidenData" data="http://rss.cnn.com/rss/cnn_topstories.rss" />
  <gm:data id="clintonData" data="http://rss.cnn.com/rss/cnn_world.rss" />
  <gm:data id="doddData" data="http://chrisdodd.com/rss.xml" />
  <gm:data id="edwardsData" data="http://blog.johnedwards.com/rss/index.rdf" />
  <gm:data id="obamaData" data="http://my.barackobama.com/page/community/group_rss/ObamaHQ" />
  <gm:data id="richardsonData" data="http://action.richardsonforpresident.com/page/community/group_rss/Headquarters" />
  <gm:data id="brownbackData" data="http://brownbacker.com/?feed=atom" />
  <gm:data id="huckabeeData" data="http://www.mikehuckabee.com/index.cfm?FuseAction=RSS.Feed" />
  <gm:data id="mccainData" data="http://www.johnmccain.com//Blog/RssFeed.aspx?tguid=411d0c95-bcaf-4c20-b299-861a5a1458fa" />
  <gm:data id="paulData" data="http://feeds.feedburner.com/RonPaul2008" />
  <gm:data id="romneyData" data="http://fivebrothers.mittromney.com/index.php/feed/mittfeed" />
  <gm:data id="tancredoData" data="http://teamtancredo.typepad.com/team_tancredo/rss.xml" />
  <style type="text/css" media="screen">
    <![CDATA[
      @import url(http://campaigntrails.googlemashups.com/resources/screen.css);
    ]]>
  </style>
  <script type="text/javascript" src="http://campaigntrails.googlemashups.com/resources/presidential.js"></script>
  <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
  <script type="text/javascript">
    <![CDATA[
      _uacct = "UA-1802341-2";
      urchinTracker();
    ]]>
  </script>
  <div id="wrap">
    <div id="blogroll">
      <p class="img"><img src="http://campaigntrails.googlemashups.com/resources/campaign-trails.gif" alt="Campaign Trails" /></p>
    <ul>
      <li id="biden" class="dem currentCandidate" onclick="changeData('${bidenData}'); changeHeader(this.id);"> 
	<strong>Joseph R. Biden Jr.</strong><br/>
        <em>Senator from Delaware</em> 
      </li>
      <li id="brownback" class="rep" onclick="changeData('${brownbackData}'); changeHeader(this.id);"> 
	<strong>Sam Brownback</strong><br/>
        <em>Senator from Kansas</em> 
      </li>
      <li id="clinton" class="dem" onclick="changeData('${clintonData}'); changeHeader(this.id);"> 
	<strong>Hillary Rodham Clinton</strong><br/>
        <em>Senator From New York</em> 
      </li>
      <li id="dodd" class="dem" onclick="changeData('${doddData}'); changeHeader(this.id);"> 
	<strong>Christopher J. Dodd</strong><br/>
        <em>Senator from Connecticut</em> 
      </li>
      <li id="edwards" class="dem" onclick="changeData('${edwardsData}'); changeHeader(this.id);"> 
	<strong>John Edwards</strong><br/>
        <em>Former senator from North Carolina</em>
      </li>
      <li id="mccain" class="rep" onclick="changeData('${mccainData}'); changeHeader(this.id);"> 
	<strong>John McCain</strong><br/>
        <em>Senator from Arizona</em> 
      </li>
      <li id="obama" class="dem" onclick="changeData('${obamaData}'); changeHeader(this.id);"> 
	<strong>Barack Obama</strong><br/>
        <em>Senator from Illinois</em>
      </li>
      <li id="paul" class="rep" onclick="changeData('${paulData}'); changeHeader(this.id);"> 
	<strong>Ron Paul</strong><br/>
        <em>Representative from Texas</em>
      </li>
	<li id="richardson" class="dem" onclick="changeData('${richardsonData}'); changeHeader(this.id);"> 
	  <strong>Bill Richardson</strong><br/>
	  <em>Governor of New Mexico</em> 
        </li>
      <li id="romney" class="rep" onclick="changeData('${romneyData}'); changeHeader(this.id);"> 
	<strong>Mitt Romney</strong><br/>
        <em>Former governor of Massachusetts</em> 
      </li>
      <li id="tancredo" class="rep" onclick="changeData('${tancredoData}'); changeHeader(this.id);"> 
	<strong>Tom Tancredo</strong><br/>
        <em>Representative from Colorado</em> 
      </li>
    </ul>
    <p>The following candidates do not have a blog or do not publish a blog feed.</p>
    <ul>
      <li id="giuliani" class="rep" > 
        <strong>Rudolph W. Giuliani</strong><br/>
        <em>Former mayor of New York City</em> 
      </li>
      <li id="gravel" class="nofeed dem" title="Blog feed is not published. Go to http://www.gravel2008.us/blog"> 
	<strong>Mike Gravel</strong><br/>
        <em>Former senator from Alaska</em> 
      </li>
      <li id="huckabee" class="nofeed rep" title="Blog feed is not published. Go to www.mikehuckabee.com">
 	<strong>Mike Huckabee</strong><br/>
        <em>Former governor of Arkansas</em> 
      </li>
      <li id="hunter" class="nofeed rep" title="Blog feed is not published. Go to http://www.gohunter08.com"> 
	<strong>Duncan Hunter</strong><br/>
        <em>Representative from California</em> 
      </li>
      <li id="kucinich" class="nofeed dem" title="Blog feed is not published. Go to http://www.dennis4president.com/go/blog"> 	
	<strong>Dennis J. Kucinich</strong><br/>
        <em>Representative from Ohio</em> 
      </li>
      <li id="thompson" class="nofeed rep" title="Blog feed is not published. Go to http://www.fred08.com"> 
	<strong>Fred Thompson</strong><br/>
        <em>Actor &amp; former senator from Tennessee</em>			
      </li>
    </ul>
    </div>
    <div id="blogcontent">
      <div id="blogposts">
        <h1 id="candidateHeader">Joseph Biden</h1>
        <gm:list id="blogPostsList" data="${bidenData}" template="blogPostListTemplate" pagesize="8">
          <gm:handleEvent event="repaint" execute="selectfirst()"/>
        </gm:list>
      </div>
      <div id="blogSummary">
        <gm:item id="blogSummaryItem" template="blogSummaryText">
          <gm:handleEvent src="blogPostsList"/>
        </gm:item>
      </div>
    </div>
  </div>
  <gm:template id="blogPostListTemplate">
    <table width="100%" class="blue-theme">
      <thead>
        <tr>
          <th width="75%">Recent Blog Posts</th>
          <th width="25%">Updated</th>
        </tr>
      </thead>
      <tbody>
        <tr repeat="true">
          <td><gm:text ref="atom:title" /></td>
          <td class="publishedCell"><gm:date ref="atom:updated" />
          </td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td><gm:pager/></td>
          <td> </td>
        </tr>
      </tfoot>
    </table>
  </gm:template>
  <gm:template id="blogSummaryText">
    <h2>
      <gm:text ref="atom:title" />
    </h2>
    <p class="posted"><em>Posted by 
      <gm:text ref="atom:author/name"></gm:text>
      </em></p>
    <div class="summary"><gm:html ref="atom:summary" /></div>
    <p>
      <gm:link label="Read full blog post &raquo;" ref="atom:link[@rel='alternate']/@href" />
    </p>
  </gm:template>
</gm:page>